<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的在线简历</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/iconfont.css">
</head>
<body>
<div id="page" class="about"> 
    <div class="logo">张凯宇</div>
    <div class="contact">
      <a href="mailto:hunger@jirengu.com"  title="hunger@jirengu.com"><i class="iconfont icon-email"></i></a>
      <a href="tel:13012344321" title="13012344321"><i class="iconfont icon-phone"></i></a>
      <a href="#"><i class="iconfont icon-github"></i></a>
    </div>
    <nav>
      <a href="#about">关于我</a>
      <a href="#component">电商后台管理系统</a>
      <a href="#framework">框架项目</a>
      <a href="#miniapp">小程序贪吃蛇</a>
      <a href="#wheels">造轮子</a>
    </nav>
    <section id="about">
      <div class="main">
        <h2>关于我</h2>
        <div class="labels">程序员一枚 ･ 人见人爱花见花败 ･ 坚信码中自由颜如玉</div>
        <div class="detail">
          <p>熟悉页面架构和布局，Web语义化等理解，对HTML5/CSS3等有较好的了解</p>
          <p>熟悉JavaScript，CSS，HTML，DOM等前端技术</p>    
          <p>熟悉前后端共同开发方式</p>    
          <p>掌握ECMAScript5核心语法，熟悉ES6语法，能够使用vue进行组件化开发</p>    
          <p>有vue+element-ui项目开发经验</p>ui

          <div class="download"><a href="./cv.pdf"  download="qq2824193947-电话13012344321-本科.pdf">下载pdf简历</a></div>
        </div>
      </div>
      <figure>
        <img src="./img/about.png" alt="">
      </figure>
    </section>
    <section id="component">
        <div class="main">
            <h2>原生组件库</h2>
            <div class="labels">ECMAScript5 ･ ECMAScript6 ･ TypeScript</div>
            <div class="detail">
              <p>使用ES5和ES6语法实现了轮播组件、Tab切换组件、日历组件、懒加载组件、瀑布流布局组件、木桶布局组件，部分组件使用了TypeScript</p>
            </div>
          </div>
          <figure>
            <img src="./img/about.png" alt="">
          </figure>
    </section>
    <section id="framework">
        <div class="main">
            <h2>框架项目</h2>
            <div class="labels">Vue ･ React ･ ES6</div>
            <div class="detail">
              <p>使用Vue.js全家桶和React全局桶完成多个项目，涉及技术vue-cli、webpack、vue-router、axios、vuex、babel、react、redux、react-router、typescript</p>
            </div>
          </div>
          <figure>
            <img src="./img/about.png" alt="">
          </figure>
    </section>
    <section id="miniapp">
        <div class="main">
            <h2>小程序</h2>
            <div class="labels">ES6 ･ 小程序 </div>
            <div class="detail">
              <p>使用实现两个小程序项目，已发布上线。</p>
            </div>
          </div>
          <figure>
            <img src="./img/about.png" alt="">
          </figure>
    </section>
    <section id="wheels">
        <div class="main">
            <h2>造轮子</h2>
            <div class="labels">原生轮子 ･ Vue组件轮子 ･ React组件轮子</div>
            <div class="detail">
              <p>实现一套原生JavaScript轮子</p>
              <p>实现一套Vue组件轮子</p>    
              <p>实现一套React组件轮子</p>    
            </div>
          </div>
          <figure>
            <img src="./img/about.png" alt="">
          </figure>
    </section>
</div>


<script src="js/index.js"></script>
</body>
</html>